﻿<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8"/>
  <title>投入</title>
  <link rel="stylesheet" href="../../util/common.css" type="text/css" />
  <script src="../../util/util.js"> </script>
  <script src="inve-data.js"> </script>
  <script src="inve-setting.js"> </script>
</head>


<style type="text/css"> 

h2 {
  margin: 0px;
  font-size: 1.6em;
}

h3 {
  margin: 0px;
  font-size: 1.3em;
}

h4 {
  margin: 0px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

.flex {
  display: flex;
  margin-bottom: 5px;
  justify-content: center;
  background-color: white;
}

.block {
  display: block;
  overflow: auto;
  margin-bottom: 0px;
}

.line {
  flex: 25;
  margin: 3px;
  padding: 10px 10px;
  font-size: 3em; 
  border: solid 0px transparent;
  /*border-radius: 20px;*/
}

#alert-box {
  display: block;
  position: absolute;
  top: 220px;
  left: 20px;
  right: 20px;
  padding: 5px;
  max-height: 1600px;
  background-color: #ccc;
  border: solid 8px #fff;
  border-radius: 30px;
}

#alert-scroll {
  width: 100%;
  max-height: 1266px;
  overflow: auto;
}

#detail-block, #puzzle-block {
  margin: 0px;
  padding: 0px 10px;
  min-height: 480px;
  font-size: 1em;
}

#answer-block {
  margin: 10px;
  padding: 30px 30px;
  font-size: 1.5em;
  background-color: white;
}

.cell-flex {
display: flex;
flex-wrap: wrap;
margin: 0px;
padding: 0px;
justify-content: center;
background-color: white;
}

.line-text {
font-size: 3.5em;
padding: 10px;
margin-bottom: 5px;
background-color: white;
}

.cell-text {
margin: 4px;
padding: 10px 20px;
font-size: 6em;
border: solid 6px red;
}

.alert-line {

}

.img {
  height: 500px;
}

.button {
  margin-top: 15px;
  margin-bottom: 10px;
}

</style>

<body>
  <div id="outer-top"></div>
  <div id="outer-center"></div>
  <div id="outer-bot">
    <a class="button-bot" href="../user/user.html" style="color: white; background-color: dodgerblue;">个人</a>
    <a class="button-bot" href="../nexu/nexu.html" style="color: white; background-color: dodgerblue;">关系</a>
    <a class="button-bot" href="../rank/rank.html" style="color: white; background-color: dodgerblue;">榜单</a>
    <a class="button-bot" href="../stat/stat.html" style="color: white; background-color: darkorange;">统计</a>
    <a class="button-bot" href="../fund/fund.html" style="color: white; background-color: darkorange;">资金</a>
    <a class="button-bot" href="../inve/inve.html" style="color: white; background-color: darkorange;">投入</a>
  </div>

  <div id="alert">
    <div id="alert-bg"></div>
    <div id="alert-box">
      <div id="alert-title">
        查看详情
      </div>

      <div id="detail-bg">
        <div id="alert-scroll">
          <div id="detail-block">
          </div>
        </div>
        <div class="alert-flex">
          <div class="button" id="btn-next" style=" background-color: green;">投入</div>
          <div class="button" id="btn-quit" style=" background-color: red;">取消</div>
        </div>
      </div>
      <div id="puzzle-bg">
        <div id="puzzle-block">
        </div>
        <div class="alert-flex">
          <div class="button" id="btn-open" style=" background-color: green;">打开</div>
          <div class="button" id="btn-redo" style=" background-color: indigo;">重置</div>
          <div class="button" id="btn-giveup" style=" background-color: red;">丢弃</div>
        </div>
      </div>

      <div id="answer-bg">
        <div id="answer-block">
        </div>
        <div class="alert-flex">
          <div class="button" id="btn-more" style=" background-color: green;">查看</div>
          <div class="button" id="btn-close" style=" background-color: red;">关闭</div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>